<header class="p-3 header" >
    <div class="container">
      <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start" >
   

        <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
          <button type="button" class="btn btn-outline-light me-2 btn-animated " >Home</button>
          <button type="button" class="btn btn-outline-light me-2 btn-animated " >About us</button>
        </ul>

        <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
          <input type="search" class="form-control form-control-dark  search-input-animated " placeholder="Search..." aria-label="Search">
        </form>

        <div class="text-end">
          <a href="../login.html" class="btn btn-outline-light me-2 btn-animated">Login</a>
          <a href="../login.html" class="btn btn-outline-light me-2 btn-animated">Sign-up</a>
        </div>
      </div>
    </div>
  </header>